body {
  display: flex;
  /* 主轴为垂直方向，起点在上沿 */
  flex-direction: column;
}
.preview {
  width: 100%;
  height: 371px;
  background-color: black;
  position: relative;
}
.preview .icon-arr-right {
  color: white;
  font-size: 22px;
  margin-left: 10px;
  margin-top: 10px;
}
.preview .pvw {
  width: 56px;
  height: 74px;
  position: absolute;
  left: 50%;
  margin-left: -28px;
  bottom: 128px;
  color: white;
  text-align: center;
}
.preview .pvw .icon-bofang1 {
  font-size: 35px;
}
.preview .pvw > p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 19px;
}
.details #beginBox {
  width: 100%;
  height: 55px;
  margin-top: 36px;
}
.details #beginBox #beginBtn {
  width: 100%;
  line-height: 55px;
  background-color: #4294ff;
  color: white;
  font-size: 18px;
  border-radius: 27px;
}
.details {
  flex: 1;
  overflow-y: scroll;
  padding: 32px;
}
.details > p {
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  color: #8A8A8A;
  padding-bottom: 10px;
}
.details > p span {
  font-size: 20px ;
  color: #101010;
}
.details > p a {
  margin-left: 132px;
  color: #8A8A8A;
}
.details .zhong {
  margin-top: 20px;
  display: flex;
}
.details .zhong > p:nth-child(1) {
  width: 80px;
  height: 80px;
  border: 1px solid ;
  border-radius: 50%;
}
.details .zhong > p:nth-child(2) {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
.details .zhong > p:nth-child(2) span:nth-child(1) {
  margin-top: 15px;
  font-size: 18px;
  font-weight: bold;
}
.details .zhong > p:nth-child(2) span:nth-child(2) {
  margin-top: 15px;
  font-size: 12px;
}
.details .zhong > p:nth-child(3) {
  text-align: center;
  padding: 5px;
  width: 80px;
  height: 35px;
  margin-top: 20px ;
  margin-left: 40px;
  border: 1px solid ;
  background-color: #4294FF;
  color: white;
  border-radius: 30px;
}
.details .xia {
  font-size: 14px;
  line-height: 25px;
  color: #8A8A8A;
  margin-top: 20px;
}
.details .xia span {
  font-size: 16px;
  color: black;
}
.details .weiwu {
  display: flex;
  margin-top: 30px;
}
.details .weiwu .owe {
  margin-right: 100px;
}
.details .weiwu .owe .icon-guizi-cabinet1 {
  font-size: 20px;
  margin-right: 5px;
}
.details .weiwu .tow .icon-jianshenfang,
.details .weiwu .owe .icon-jianshenfang {
  font-size: 20px;
}
.details .weiwu .tow p:nth-of-type(1),
.details .weiwu .owe p:nth-of-type(1) {
  font-size: 16px;
}
.details .weiwu .tow p:nth-of-type(2),
.details .weiwu .owe p:nth-of-type(2) {
  margin-left: 14px;
  margin-top: 11px;
  font-size: 14px;
  color: #8a8a8a;
}
